import wepy from 'wepy'
export default class extends wepy.mixin {
  data = {
    // 搜索框中的默认内容
    value: '',
    // 搜索建议列表
    suggestList: [],
    // 搜索历史列表
    kwList: [],
    // 热门搜索
    redList: [
      '男短袖POLO衫',
      '短裤男',
      '网红小西装',
      '衬衫',
      '女长裙',
      '中国风男装',
      '情侣装',
      '长袖男',
      '厚黑学',
      '脚掌带',
    ],
    // 分页页数
    pageIndex: '1',
    //分页大小
    pageSize: '5',
    // 关键字
    keyword: '',
    hotInfo: [],
  }

  onLoad() {
    this.kwList = wx.getStorageSync('ww') || []
    this.getHotList()
  }

  methods = {
    // 当搜索关键词发生变化，会触发这个事件处理函数
    onChange(e) {
      // console.log(e.detail)
      this.value = e.detail.trim()
      // 解决历史搜索小bug
      if (e.detail.trim().length <= 0) {
        this.suggestList = []
        return
      }
      // this.getSuggestList(e.detail)
    },
    // 触发了搜索
    onSearch(e) {
      console.log('哈哈哈哈哈')
      
      // e.detail 就是最新的搜索关键字
      const kw = e.detail.trim()
      if (kw.length <= 0) {
        return
      }
      // 把用户填写的搜索关键词，保存到 Storage 中
      if (this.kwList.indexOf(kw) === -1) {
        this.kwList.unshift(kw)
      }
      this.kwList = this.kwList.slice(0, 10)
      wepy.setStorageSync('ww', this.kwList)
      this.getSuggestList(e.detail)
      wepy.navigateTo({
        url: '../../pages/SearchList/searchlist?keyworeds=' + this.value,
      })
    },
    // 触发了取消
    onCancel() {
      this.suggestList = []
    },
    onClick() {
      console.log('点击了搜索')
      // console.log(this.data.value)
      // this.data.value 就是最新的搜索关键字
      const kw = this.data.value.trim()
      if (kw.length <= 0) {
        return wepy.noToast('请输入搜索内容')
      }
      // 把用户填写的搜索关键词，保存到 Storage 中
      if (this.kwList.indexOf(kw) === -1) {
        this.kwList.unshift(kw)
      }
      wepy.navigateTo({
        url: '../../pages/SearchList/searchlist?keyworeds=' + this.value,
      })
      // 数组的 slice 方法，不会修改原数组，而是返回一个新的数组
      this.kwList = this.kwList.slice(0, 10)
      wepy.setStorageSync('ww', this.kwList)
      // this.getSuggestList(this.value)
    },
    // 点击搜索建议项，导航到商品详情页面
    goGoodsDetail(id) {
      wepy.navigateTo({
        url: '/pages/goodsDatils/gooddatils?id=' + id,
      })
    },
    // 点击每个Tag标签，导航到商品列表页面，同时把参数传递过去
    goGoodsList(query) {
      //  console.log(query)
      // wepy.navigateTo({
      //     url: '/pages/goods_list?query=' + query
      // })
      this.value = query
      wepy.navigateTo({
        url: '../../pages/SearchList/searchlist?keyworeds=' + this.value,
      })
      this.getSuggestList(this.value)
      console.log(query)
    },
    // 清除搜索历史记录
    clearHistory() {
      this.kwList = []
      wepy.setStorageSync('ww', [])
    },
    // 点击了热门搜索
    hotSearch(name) {
      console.log(name)
      this.value = name
      wepy.navigateTo({
        url: '../../pages/SearchList/searchlist?keyworeds=' + this.value,
      })
      this.getSuggestList(this.value)
    },
  }

  // 计算属性
  computed = {
    isShowHistory() {
      if (this.value.length <= 0) {
        return true
      }
      return false
    },
  }
  // 根据关键字搜索
  async getSuggestList(keyword) {
    console.log(keyword)
    const { data: res } = await wepy.post('baseRest/getGoodsList', {
      keyword,
      pageIndex: this.pageIndex,
      pageSize: this.pageSize,
    })
    console.log(res)
    if (res.state != 1) {
      return wepy.noToast('网络异常，请检查网络')
    }
    this.suggestList = res.data
    this.$apply()
    console.log('触发了搜索')
  }
  // 热门搜索
  async getHotList() {
    const { data: res } = await wepy.post('baseRest/getDictionaryList', {
      parentId: '104'
    })
    console.log('热门搜索', res)
    if(res.state != 1) {
      return wepy.noToast('网络异常，请稍后重试')
    }
    this.hotInfo = res.data
    this.$apply()
  }
}
